﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>


        <title>Untitled Document</title>

        <script type="text/javascript" src="http://localhost:8080/nfa/js/jquery-2.1.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/bootstrap.css" />

        <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/bootstrap-theme.css"  />
         <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/style.css" />
        <script type="text/javascript" src="http://localhost:8080/nfa/js/bootstrap.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/jquery.validate.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/messages_vi.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/js.js"></script>
        <style type="text/css">
            footer{
                background-color:#2A9FFF;
                bottom:0;
                position: relative;
                left:0; 
                height: 70px; 
                width:100%;
                text-align:center; 
            }

            .center {
                width: 85%;
                height: auto;



                margin: auto;

            }
            body{
                background: #e9eaed;
            }
            #main-menu{


                font-weight: bold;
            }
            .one {

                text-decoration: none;
                display: block;

                float: left;
                margin: 0 3px 3px 0;
                opacity: 1;
                -webkit-transform: scale(1,1);
                -webkit-transition-timing-function: ease-out;
                -webkit-transition-duration: 250ms;
                -moz-transform: scale(1,1);
                -moz-transition-timing-function: ease-out;
                -moz-transition-duration: 250ms;
            }
            .one:hover {

                -webkit-transform: scale(1.3,1.3);
                -webkit-transition-timing-function: ease-out;
                -webkit-transition-duration: 250ms;
                -moz-transform: scale(1.3,1.3);
                -moz-transition-timing-function: ease-out;
                -moz-transition-duration: 250ms;
                position: relative;
                z-index: 99;
            }

        </style>




    </head>
    <?php
    if ($this->session->userdata('email')) {
        header("Location: http://localhost:8080/nfa/index.php/home/homepage");
    }
    ?>  
    <body  >
        <header>
            <nav class="navbar navbar-default " role="navigation">
                <div class="center">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">

                            <a class="navbar-brand" style="font-variant-east-asian: simplified; font-size: 28px; color: #A70000;" href="#"><b>NFA</b></a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li class="active"><a href="<?php echo base_url(); ?>">Trang chủ</a></li>
                                <li><a href="<?php echo base_url('register'); ?>">Đăng kí</a></li>
                                <li><a href="#">Giới thiệu</a></li>
                                <li><a href="#">Liên Hệ</a></li>
                            </ul>


                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </div>
            </nav>


        </header>
        <div class="center">
            <div class="row" style="padding-top:10px;">

                <div class="col-xs-6 col-md-4">
                    <div class="panel panel-info">
                        <div class="panel-heading">Đăng Nhập</div>
                        <div class="panel-body">
                            <form class="form-horizontal" role="form" id="login-form" >

                                <div class="form-group">

                                    <div class="col-sm-12">
                                        <input type="email" id="email" name="email" class="required email form-control" id="inputEmail3" placeholder="Email">
                                    </div>
                                </div>
                                <div class="form-group">

                                    <div class="col-sm-12">
                                        <input type="password" id="pass" name="password" class=" required form-control" id="inputPassword3" placeholder="Password">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset col-sm-10">
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox"> Ghi nhớ </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-10">
                                        <button type="submit" id="" class="btn btn-primary">Đăng nhập</button>
                                    </div>
                                </div>
                                <div class="form-group" style="display: none" id="loi">
                                    <div class="alert alert-danger" id="baoloi"  ></div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-10">
                                        <a class="">Quên mật khẩu </a>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="">
                                        <p class="radio-inline" style=""> <b>Chưa có tài khoản ?</b> </p> 
                                        <a  href=" <?php echo base_url('register'); ?>" class="btn btn-warning" style="float:right; margin-right: 10%;">Đăng kí </a>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-8">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="http://localhost:8080/nfa/images/63104b3a-3aa9-4586-9932-06a7d3a860b8.jpg" alt="...">

                            </div>
                            <div class="item ">
                                <img src="http://localhost:8080/nfa/images/1388332033_1282yeu-qua-mang.jpg" alt="...">

                            </div>

                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                        </a>
                    </div>

                </div>
            </div>

            <div class="row">
                <ul class="nav nav-tabs" id="tab-one" >
                    <li class="active" ><a href="#home" data-toggle="tab" >Mới gia nhập</a></li>

                    <li><a href="#messages" data-toggle="tab">Trai xinh</a></li>
                    <li><a href="#settings" data-toggle="tab">Gái đẹp</a></li>
                </ul>
                <div class="tab-content">

                    <div class="tab-pane fade in active " id="home">
                        <ul class="list">
                            <?php
                            $a = $this->connect->getmoigianhap();
                            foreach ($a as $i) {
                                $anh = $i->avarta;

                                $ten = $i->name;
                                ?>
                                <li class ="listjoin">
                                    <img class= "one anhnho6 img-thumbnail"  src="http://localhost:8080/nfa/images/avarta/<?php echo $anh; ?> "/>
                                </li>

                                <?php
                            }
                            ?>
                        </ul>
                    </div>


                    <div class="tab-pane fade" id="messages">
                         <ul class="list">
                            <?php
                            $a = $this->connect->gettraixinh();
                            foreach ($a as $i) {
                                $anh = $i->avarta;

                                $ten = $i->name;
                                ?>
                                <li class ="listjoin">
                                    <img class= "one anhnho6 img-thumbnail"  src="http://localhost:8080/nfa/images/avarta/<?php echo $anh; ?> "/>
                                </li>

                                <?php
                            }
                            ?>
                        </ul>
                    </div>
                    <div class="tab-pane fade" id="settings">
                         <ul class="list">
                            <?php
                            $a = $this->connect->getgaidep();
                            foreach ($a as $i) {
                                $anh = $i->avarta;

                                $ten = $i->name;
                                ?>
                                <li class ="listjoin">
                                    <img class= "one anhnho6 img-thumbnail"  src="http://localhost:8080/nfa/images/avarta/<?php echo $anh; ?> "/>
                                </li>

                                <?php
                            }
                            ?>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <footer>
            <div style="  color:#FFFBF0;">
                <address>
                    <strong>NFA</strong><br>
                        ©Copyright T2L group, 2014<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                            </address>
                            </div>
                            </footer>

                            </body>
                            </html>

